<template>
  <div id="app">
    <header>
      <h1>我的校园应用</h1>
      <nav>
        <router-link to="/">首页</router-link>
        <router-link to="/chashan">查山校区</router-link>
        <router-link to="/yueqing">乐清校区</router-link>
        <router-link to="/student-system">学生管理系统</router-link>
      </nav>
    </header>
    
    <router-view></router-view>
    
    <footer>
      <p>&copy; 2021 My Campus App</p>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'App',
  // 可以在这里添加一些全局的逻辑和数据
}
</script>

<style>
#app {
  font-family: Arial, sans-serif;
  margin: 0 auto;
  max-width: 800px;
  padding: 20px;
}

header {
  background-color: #f0f0f0;
  padding: 10px;
  margin-bottom: 20px;
}

nav {
  display: flex;
}

nav a {
  margin-right: 10px;
  text-decoration: none;
  color: #333;
}

footer {
  text-align: center;
  margin-top: 20px;
}
</style>